<script
	src="${pageContext.request.contextPath}/resources/js/controller/contactcontroller.js"></script>
<div id="contentbody">
	<table style="width: 90%; margin-left: 100px;" id="mytable">
		<tr>
			<td>
				<div ng-controller="DataIterationController">
					<h3>Customers</h3>
					<table border="0">
						<tr>
							<th colspan="4" align="left">All Filter : <input type="text"
								data-ng-model="nameText" /></th>
						</tr>
						<tr>
							<th width="120">Name</th>
							<th width="120">City</th>
							<th width="120">Salary</th>
							<th width="120">Joining Date</th>
						</tr>
						<tr
							ng-repeat="people in peoples | filter:nameText | orderBy:'name'">
							<td>{{people.name | uppercase}}</td>
							<td>{{people.city | lowercase}}</td>
							<td>{{people.salary | currency:'&#8377'}}</td>
							<!-- Default is dollar -->
							<td>{{people.joined | date:'dd-MMM-yyyy'}}</td>
						</tr>
					</table>
				</div>
			</td>
			<td width="30"></td>
			<td>
				<div
					ng-init="peoples1=[{name:'Dave',city:'Kolkata',salary:'1200',joined:'2010-12-02'},
						   {name:'Jeff',city:'Gaya',salary:'2500',joined:'2010-12-02'},
						   {name:'Deedy',city:'Patna',salary:'3500',joined:'2010-12-02'},
						   {name:'Danny',city:'Rajgir',salary:'4500',joined:'2010-12-02'},
						   {name:'Shambhu',city:'Dhnbad',salary:'5500',joined:'2010-12-02'}]">
					<h3>Customers</h3>
					<table border="0">
						<tr>
							<th colspan="4" align="left">Name Filter : <input
								type="text" data-ng-model="allText.name" /> &nbsp;Sort By name and salary</th>
						</tr>
						<tr>
							<th width="120" ng-click="sortBy='name';">Name</th>
							<th width="120">City</th>
							<th width="120"  ng-click="sortBy='salary';">Salary</th>
							<th width="120">Joining Date</th>
						</tr>
						<tr
							ng-repeat="people in peoples1 | filter:allText | orderBy:sortBy">
							<td>{{people.name | uppercase}}</td>
							<td>{{people.city | lowercase}}</td>
							<td>{{people.salary | currency:'&#8377'}}</td>
							<!-- Default is dollar -->
							<td>{{people.joined | date:'dd-MMM-yyyy'}}</td>
						</tr>
					</table>
				</div>
			</td>
		</tr>
	</table>
</div>